* { touch-action: pan-y; }

.cate_box { margin: 10px 0; }

.cate_box .my_wrapper_innerprocate { overflow: hidden; }

.cate_box .my_wrapper_innerprocate .inner_box { display: flex; justify-content: space-between; white-space: nowrap; align-items: center; }

.cate_box .my_wrapper_innerprocate .inner_box ul { margin: 0; }

@media (max-width: 992px) { .cate_box .my_wrapper_innerprocate .inner_box ul { display: flex; } }

.cate_box .my_wrapper_innerprocate .inner_box ul li { text-align: center; margin: 0 10px; }

.cate_box .my_wrapper_innerprocate .inner_box ul li a { font-size: 16px; display: inline-block; border: 1px solid #ccc; border-radius: 30px; }

@media (max-width: 992px) { .cate_box .my_wrapper_innerprocate .inner_box ul li a { padding: 10px 30px; } }

@media (max-width: 768px) { .cate_box .my_wrapper_innerprocate .inner_box ul li a { padding: 6px 20px; background-size: contain; } }

.cate_box .my_wrapper_innerprocate .inner_box a.more { margin: 0; }

.cate_box .progress_bar { margin-top: 20px; }

.cate_box .progress_bar .total_line { margin: 0 auto; position: relative; width: 200px; height: 6px; background-color: gray; }

.cate_box .progress_bar .total_line .current_line { position: absolute; width: 60px; height: 6px; top: 0; left: 0; background-color: red; transition: all .5s ease-in-out; }